<%@page import="co.gov.medellin.ssti.sub.model.service.CargueService"%>
<%@page import="co.gov.medellin.ssti.sub.common.util.Utility"%>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>
<%@ taglib uri="/WEB-INF/displaytag.tld" prefix="display"%>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1" isELIgnored="false"%>
<html:html>
<head>
<title>Informaci&oacute;n Cargue</title>
<script type="text/javascript" src="<%=request.getContextPath() + "/js/popUP.js"%>"></script>
<script src="<%=request.getContextPath()%>/js/displaytag.js" type="text/javascript"></script>
<link href="<%=request.getContextPath() + "/css/bloques.css"%>" rel="stylesheet" type="text/css">
<script src="<%=request.getContextPath()%>/js/dateValidation.js"
	type="text/javascript"></script>
<script type="text/javascript"
	src="<%=request.getContextPath() + "/js/jquery-1.8.0.js"%>"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()
					+ "/js/jquery-ui-1.10.3.custom.min.js"%>"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()
					+ "/js/jquery.ui.datepicker-es.js"%>"></script>
<link rel="stylesheet"
	href="<%=request.getContextPath()
					+ "/css/ui-lightness/jquery-ui-1.10.3.custom.css"%>" />

<script type="text/javascript">
  function validar(codigo,tipoCargue){	  
	  $("input[id=operacion]").val('<%= Utility.OP_VALIDAR %>');
	  $("input[id=validar]").val(codigo);
	  $("#tipoCargue").val(tipoCargue);
	  $("#mainForm").submit();
  }
 </script>

<script type="text/javascript">
$(document).ready(function() {
	
	$('.soloNumero').keyup(function () {
	    if (this.value != this.value.replace(/[^0-9\.]/g, '')) {
	       this.value = this.value.replace(/[^0-9\.]/g, '');
	    }
	});
	$('.soloNumero').change(function () {
	    if (this.value != this.value.replace(/[^0-9\.]/g, '')) {
	       this.value = this.value.replace(/[^0-9\.]/g, '');
	    }
	});
	$("#buscarBtn").click(function(){
		// $("#busco").val('buscar');
		$("input[id=operacion]").val("<%= Utility.OP_BUSCAR %>");		
		$("#mainForm").attr('target','_self');
			
		if( ($("#fechaInicial").val() == '' && $("#fechaFinal").val() == '')){
			$("#mainForm").submit();
		}else{
			var fIniValida = isDate($("#fechaInicial").val());
			var fFinValida = isDate($("#fechaFinal").val());
			if(!fIniValida){
				alert('Fecha inicial no valida.');
				return false;
			}else if(!fFinValida){
				alert('Fecha final no valida.');
				return false;
			}else{
				if( $.datepicker.parseDate("dd/mm/yy", $("#fechaInicial").val()) > $.datepicker.parseDate("dd/mm/yy", $("#fechaFinal").val())){
					alert('Fecha inicial no puede ser mayor que la fecha final.');
					return false;
				}
			}
			$("#mainForm").submit();
		}			
	});
	
});
</script>

<!-- DatePickers -->
<script type="text/javascript">
$.datepicker.setDefaults({
	  showOn: "button",
	  buttonImageOnly: true,
	  buttonImage: "<%=request.getContextPath() + "/images/Calendar.png"%>",
	  buttonText : "Calendario"
	});
	$(function() {
		$("#fechaInicial").datepicker({
			changeMonth : true,
			changeYear : true
		});
	});
	$(function() {
		$("#fechaFinal").datepicker({
			changeMonth : true,
			changeYear : true
		});
	});
</script> 
  
</head>
<body>
	<html:form action="/empresas/cargue/InformacionCargue.do" 
		styleId="mainForm" type="co.gov.medellin.ssti.sub.web.form.InformacionCargueForm"
		method="post">		
		<%-- <html:hidden name="InformacionCargueForm" property="fechaInicial" styleId="fechaInicial" /> 		
		<html:hidden name="InformacionCargueForm" property="fechaFinal" styleId="fechaFinal" />  --%>
		<html:hidden name="InformacionCargueForm" property="tipoCargue" styleId="tipoCargue" /> 
		<input type="hidden" name="search" id="search" value="search">
		<input type="hidden" name="busco" id="busco" value="" />
		<html:hidden name="InformacionCargueForm" property="operacion" 
			styleId="operacion" styleClass="operacion"/>
		<html:hidden name="InformacionCargueForm" property="codigo" styleId="codigo" />
		<html:hidden name="InformacionCargueForm" property="validar" styleId="validar" styleClass="validar"/>
		<div align="center">
			<table
				style="width: 40%; border: 0; padding: 2px; border-spacing: 1px;">
				<tr>
					<td colspan="2">
						<DIV align="center" class="titulosenblanco">
							INFORMACI&Oacute;N CARGUE
						</DIV>
					</td>
				</tr>
				<tr>
					<td align="right" width="47%" colspan="2">
						<html:link page="/empresas/cargue/IngresarCargue.do">
							<img src="<%=request.getContextPath() + "/images/b_nuevo.gif"%>"
								alt="Nuevo" width="22" height="22" border="0">
							<br>
              				Nuevo Cargue
            			</html:link>
            		</td>
				</tr>
				<tr>
					<td width="19%">&nbsp;</td>
					<td width="81%">&nbsp;</td>
				</tr>
				<tr>
					<td width="19%">
						<DIV align="left" class="celdatabla">
							<STRONG>Nombre</STRONG>
						</DIV>
					</td>
					<td width="81%">
						<html:text name="InformacionCargueForm" property="nombreCargue" maxlength="40"
							styleClass="formInputOutput"/>
					</td>
				</tr>

				<tr>
					<td class="celdatabla" width="31%">
						<strong>Fecha inicial:</strong>
					</td>
					<td align="left" class="celdatabla">						
						<html:text name="InformacionCargueForm" property="fechaInicial" 
							styleId="fechaInicial" styleClass="formInputOutput" />
					</td>


					<td class="celdatabla" width="25%">&nbsp;</td>
				</tr>
				<tr>
					<td class="celdatabla" width="31%">
						<strong>Fecha final:</strong>
					</td>
					<td align="left" class="celdatabla">						
						<html:text name="InformacionCargueForm" property="fechaFinal" 
							styleId="fechaFinal" styleClass="formInputOutput" />
					</td>
				<tr>
					<td width="19%" height="8">
						<DIV align="left" class="celdatabla">
							<STRONG>Lote</STRONG>
						</DIV>
					</td>
					<td width="81%" height="8">						
						<html:text name="InformacionCargueForm" property="lote" 
							styleId="lote" styleClass="formInputOutput soloNumero" />
					</td>
				</tr>

				<tr>
					<td width="19%">&nbsp;</td>
					<td width="81%">						
						<html:submit value="Buscar" styleId="buscarBtn" />
					</td>
				</tr>

			</table>
		</div>

		<div align="center">
			<c:set var="tipoCargueEmpresa" value="<%=CargueService.EMPRESAS_EMP %>" scope="request"/>
			
			<table class="tablaGenericaWidth90">
				<tr>
					<td>
						<c:if test="${not empty InformacionCargueForm.msg}">						
							<br><br>
							<DIV align="center" class="celdatabla">
								${InformacionCargueForm.msg}
							</DIV>
							<br><br>						
						</c:if>
						<c:if test="${not empty InformacionCargueForm.cargue}">				
							<display:table name="InformacionCargueForm" property="cargue" 
								class="bordesTable" export="true"
								requestURI="InformacionCargue.do"
								pagesize="20" id="car" cellpadding="3" cellspacing="1"
								style="width:100%">
								<display:column headerClass="headerTable" title="Nombre"
									class="Numero" sortable="false">
									<bean:write name="car" property="nombre" />
								</display:column>
								<display:column headerClass="headerTable" title="Lote"
									class="Numero" sortable="false">
									<bean:write name="car" property="code" />
								</display:column>
								<display:column headerClass="headerTable" title="Archivo"
									class="Numero" sortable="false">
									<bean:write name="car" property="archivo" />
								</display:column>
								<display:column headerClass="headerTable" title="Tipo Cargue"
									class="Numero" sortable="false">
									<bean:write name="car" property="vflcodigo" />
								</display:column>
								<display:column headerClass="headerTable"
									title="Fecha_de_Creacion" class="Numero" sortable="false">
									<bean:write name="car" property="fechaCreacion" />
								</display:column>
								<display:column headerClass="headerTable" title="Usuario"
									class="Numero" sortable="false">
									<bean:write name="car" property="usuarioCreador" />
								</display:column>
								<display:column headerClass="headerTable" title="Dependencia"
									class="Numero" sortable="false">
									<bean:write name="car" property="dependencia" />
								</display:column>
								<display:column headerClass="headerTable" title="Terminacion"
									class="Numero" sortable="false">
									<bean:write name="car" property="tipo_terminacion" />
								</display:column>
								<display:column headerClass="headerTable" title="Validados"
									class="Numero" sortable="false">
									<bean:write name="car" property="totalCargados" /> de <bean:write
										name="car" property="totalRegistros" />
								</display:column>

								<display:column headerClass="headerTable" title="Validar"
									class="Numero" sortable="false">
									<div align="center">
										<a href="javascript:validar('<bean:write name="car" property="code"/>','<bean:write name="car" property="vflcodigo"/>')">
											<img src="<%=request.getContextPath() + "/images/validar.gif"%>"
												alt="Validar Archivo" width="16" height="16" border="0">
										</a>
									</div>
								</display:column>
								<display:column headerClass="headerTable"
									title="Regs. No procesados" class="Numero">
									<bean:define id="code" name="car" property="code" />
									<div align="center">
										<a href='javascript:vpopRegs("<%=request.getContextPath()
											+ "/empresas/cargue/RegNoProcesados.do"%>?code=<%=code%>&tipo=<bean:write name="car" property="vflcodigo"/>");'>
											<img src="<%=request.getContextPath()
												+ "/images/Error1.gif"%>"
												width="16" height="16" border="0">
										</a>
									</div>
								</display:column>
								<display:column headerClass="headerTable" title="Borrar"
									class="Numero">
									<html:link
										onclick="return confirm('Esta seguro que desea eliminar el archivo?')"
										paramId="code" paramName="car" paramProperty="code"
										page="/empresas/cargue/BorrarCargue.do">
										<div align="center">
											<img
												src="<%=request.getContextPath()
										+ "/images/Delete.gif"%>"
												alt="Borrar Archivo" width="16" height="16" border="0">
										</div>
									</html:link>
								</display:column>								
								<display:column headerClass="headerTable"
									title="Borrar Beneficios Otorgados" class="Numero">
									<logic:notEqual value="0" name="car" property="totalCargados">										
										<c:if test="${tipoCargueEmpresa ne car.vflcodigo}">
											<html:link
												onclick="return confirm('Esta seguro que desea eliminar los beneficios otorgados?')"
												paramId="code" paramName="car" paramProperty="code"
												page="/empresas/cargue/BorrarValidados.do">
												<div align="center">
													<img
														src="<%=request.getContextPath()
												+ "/images/Delete.gif"%>"
														alt="Borrar Beneficios Otorgados" width="16" height="16"
														border="0">
												</div>
											</html:link>
										</c:if>										
									</logic:notEqual>
								</display:column>
							</display:table>						
						</c:if>	
					</td>
				</tr>
			</table>
		</div>
	</html:form>
</body>
</html:html>
